<?php

//include("verificarcuenta.php");
//include("global.php");

include("db/conexion.php");
include("db/cquery.php");

$query = new CQuery();

$local = $query->selectNewsCatUltima(1);
$local=mysql_fetch_array($local);

$hotnews = $query->selectTopHotNewsUltima();
$hotnews = mysql_fetch_array($hotnews);

$yucas = $query->selectNewsCatUltima(14);
$yucas = mysql_fetch_array($yucas);

$espectaculos = $query->selectNewsCatUltima(2);
$espectaculos = mysql_fetch_array($espectaculos);

$cultura = $query->selectNewsCatUltima(3);
$cultura = mysql_fetch_array($cultura);

$sociales = $query->selectNewsCatUltima(4);
$sociales = mysql_fetch_array($sociales);

$deportes = $query->selectNewsCatUltima(5);
$deportes = mysql_fetch_array($deportes);

$opinion = $query->selectNewsCatUltima(6);
$opinion = mysql_fetch_array($opinion);

$tecnologia = $query->selectNewsCatUltima(7);
$tecnologia = mysql_fetch_array($tecnologia);

$politica = $query->selectNewsCatUltima(8);
$politica = mysql_fetch_array($politica);

$economia = $query->selectNewsCatUltima(9);
$economia = mysql_fetch_array($economia);

$turismo = $query->selectNewsCatUltima(10);
$turismo = mysql_fetch_array($turismo);

$nacional = $query->selectNewsCatUltima(11);
$nacional = mysql_fetch_array($nacional);

$internacional = $query->selectNewsCatUltima(12);
$internacional = mysql_fetch_array($internacional);

$lastnews = $query->selectNewsCarrusel();

?>

<!DOCTYPE html PUBLIC "-//WC3//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
        <title>InfoMedia</title>
        <link rel="shortcut icon" href="images/favicon.png">
        <link rel="icon" href="images/favicon.png">
        <link rel="stylesheet" href="css/base.css">
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        
        <!-- Cambio de noticias en encabezado al click del botón -->
        <script type="text/javascript">
            var idx="1";
        
            function boton(id){
                
                switch(id){
                    case ("b1"):
                    
                        idx = 1;
                    
                        document.getElementById("b1").src="images/boton-green.png";
                        document.getElementById("b2").src="images/boton.png";
                        document.getElementById("b3").src="images/boton.png";
                        
                        $('#n1').fadeIn("10000");
                        $('#n2').fadeOut("10000");
                        $('#n3').fadeOut("10000");
                        
                        $('#n1').style.display="block";
                        $('#n2').style.display="none";
                        $('#n3').style.display="none";
                        break;
                    
                    case ("b2"):
                        
                        idx = 2;
                        
                        document.getElementById("b1").src="images/boton.png";
                        document.getElementById("b2").src="images/boton-green.png";
                        document.getElementById("b3").src="images/boton.png";
                        
                        $('#n1').fadeOut("10000");
                        $('#n2').fadeIn("10000");
                        $('#n3').fadeOut("10000");
                        
                        $('#n1').style.display="none";
                        $('#n2').style.display="block";
                        $('#n3').style.display="none";
                        break;
                    
                    case ("b3"):
                    
                        idx = 3;
                        
                        document.getElementById("b1").src="images/boton.png";
                        document.getElementById("b2").src="images/boton.png";
                        document.getElementById("b3").src="images/boton-green.png";
                        
                        $('#n1').fadeOut("10000");
                        $('#n2').fadeOut("10000");
                        $('#n3').fadeIn("10000");
                        
                        $('#n1').style.display="none";
                        $('#n2').style.display="none";
                        $('#n3').style.display="block";
                        break;
                }
            }
            
            function botonx(){
                
                switch (idx){
                    case (1):
                        idx = 2;
                        
                        document.getElementById("b1").src="images/boton.png";
                        document.getElementById("b2").src="images/boton-green.png";
                        document.getElementById("b3").src="images/boton.png";
                        
                        $('#n1').fadeOut("10000");
                        $('#n2').fadeIn("10000");
                        $('#n3').fadeOut("10000");
                        
                        $('#n1').style.display="none";
                        $('#n2').style.display="block";
                        $('#n3').style.display="none";
                        break;
                    
                    case (2):
                        idx = 3;
                        
                        document.getElementById("b1").src="images/boton.png";
                        document.getElementById("b2").src="images/boton.png";
                        document.getElementById("b3").src="images/boton-green.png";
                        
                        $('#n1').fadeOut("10000");
                        $('#n2').fadeOut("10000");
                        $('#n3').fadeIn("10000");
                        
                        $('#n1').style.display="none";
                        $('#n2').style.display="none";
                        $('#n3').style.display="block";
                        break;
                        
                    case (3):
                        idx = 1;
                        
                        document.getElementById("b1").src="images/boton-green.png";
                        document.getElementById("b2").src="images/boton.png";
                        document.getElementById("b3").src="images/boton.png";
                        
                        $('#n1').fadeIn("10000");
                        $('#n2').fadeOut("10000");
                        $('#n3').fadeOut("10000");
                        
                        $('#n1').style.display="block";
                        $('#n2').style.display="none";
                        $('#n3').style.display="none";
                        break;
                }
            }
        </script>
        <!-- Cambio de noticias en encabezado al click del botón -->
        
        <!-- Publicidad -->
        <script type="text/javascript">
            var x=1;
            function publicidad(){
                switch (x) { 
   	                case (1):
                        $('#publicidad1').fadeIn("10000");
                        $('#publicidad2').fadeOut("10000");
                        $('#publicidad3').fadeOut("10000");
                        $('#publicidad4').fadeOut("10000");
                        document.getElementById("publicidad1").style.display="block";
                        document.getElementById("publicidad2").style.display="none";
                        document.getElementById("publicidad3").style.display="none";
                        document.getElementById("publicidad4").style.display="none";
                        x=2; 
                        break
                    case (2):
                        $('#publicidad1').fadeOut("10000");
                        $('#publicidad2').fadeIn("10000");
                        $('#publicidad3').fadeOut("10000");
                        $('#publicidad4').fadeOut("10000");
                        document.getElementById("publicidad1").style.display="none";
                        document.getElementById("publicidad2").style.display="block";
                        document.getElementById("publicidad3").style.display="none";
                        document.getElementById("publicidad4").style.display="none";
                        x=3;
                        break
                    case (3):
                        $('#publicidad1').fadeOut("10000");
                        $('#publicidad2').fadeOut("10000");
                        $('#publicidad3').fadeIn("10000");
                        $('#publicidad4').fadeOut("10000");
                        document.getElementById("publicidad1").style.display="none";
                        document.getElementById("publicidad2").style.display="none";
                        document.getElementById("publicidad3").style.display="block";
                        document.getElementById("publicidad4").style.display="none";
                        x=4;
                        break
                    case (4):
                        $('#publicidad1').fadeOut("10000");
                        $('#publicidad2').fadeOut("10000");
                        $('#publicidad3').fadeOut("10000");
                        $('#publicidad4').fadeIn("10000");
                        document.getElementById("publicidad1").style.display="none";
                        document.getElementById("publicidad2").style.display="none";
                        document.getElementById("publicidad3").style.display="none";
                        document.getElementById("publicidad4").style.display="block";
                        x=1;
                        break
                }
            }
        </script>
        <!-- Publicidad -->
        
        <!-- jcarousellite -->
        <!--<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />-->
        <script src="js/jquery-latest.pack.js" type="text/javascript"></script>
        <script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
	           $(".newsticker-jcarousellite").jCarouselLite({
	               vertical: true,
                   hoverPause:true,
                   visible: 5,
                   auto:3000,
                   speed:3000
	           });
            });
        </script>
        <!-- jcarousellite -->
        
        <script type="text/javascript">
            $(document).ready(function() {
                timer1 = setInterval("publicidad()", 8000);
                timer2 = setInterval("botonx()", 5000);
                boton("b1");
            });
        </script>
        
    </head>
    <body>
    <div id="background" align="center">
        <div id="web">
            <div id="header">
                <?php include("header.php");?>
            </div>
            <div id="main-menu" style="position: absolute; z-index: 10;">
                <?php $menu = "index"; include("menu.php"); ?>
            </div>
            <div id="content">
                <div id="content1" style="padding-top: 35px;">
                    <?php include("main-news.php"); ?>
                </div>
                <div id="content2" align="left" style="margin-top: -20px;">
                    <?php include("secciones-main.php"); ?>
                </div>
            </div>
            <div style="position: absolute; margin-top: 30px; width: 100%">
                <img src="images/footer.png" width="100%"/>
            </div>
        </div>
    </div>
    </body>
</html>